<template>
  <el-container>
    <el-main>
      <el-header style="height:40px">用户新建申请</el-header>
      <el-button class="btn">新建</el-button>
    </el-main>

    <el-footer>
      <el-col :span="8"><div>{{ personName }}</div></el-col>
      <el-col :span="8"><div>{{ password }}</div></el-col>
      <el-col :span="8"><div>{{ cellphone }}</div></el-col>
    </el-footer>

  </el-container>

</template>

<script>
export default {
  name: 'NewUserApplication',
  data() {
    return {
      personName: '用户名',
      password: '用户密码',
      cellphone: '电话号码'
    }
  }
}
</script>

<style  scoped>
.el-header{
  font-size:18px;
  padding:0;
  color:#000;
  margin-bottom: 10px;
  border-bottom:1px solid #666 ;
}
.el-button{
  margin-top: 10px;
  width: 8%;
}
.el-col{
   border:1px solid #eee ;
   font-size: 16px;

 }
 .el-col div{
   padding: 8px 0 8px 10px;
 }
</style>

